<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 属性和值选择器 */

        /* 下面的实例改变了标题title='runoob'元素的边框样式: */
        [title=runoob] {
            border: 5px solid green;
        }
    </style>
</head>

<body>
    <h2>将适用:</h2>
    <img title="runoob" src="images/logo.png" width="270" height="50" />
    <br>
    <a title="runoob" href="http://www.runoob.com/">runoob</a>
    <hr>
    <h2>将不适用:</h2>
    <p title="greeting">Hi!</p>
    <a class="runoob" href="http://www.runoob.com/">runoob</a>
</body>

</html>